import { Progress } from "antd";
import style from "./index.module.scss";
import { useSelector } from "react-redux";


function MainProgress() {
    const { progressNum, progressShow } = useSelector((state: { main: { progressNum: number, progressShow: boolean } }) => ({
        progressNum: state.main.progressNum,
        progressShow: state.main.progressShow
    }))
    return (
        <div className={style.progress}>
            {
                progressShow ? <Progress percent={progressNum} size="small" trailColor="#fff" /> : ''
            }
        </div>
    )
}

export default MainProgress;

